<template>

    <div class="cus-footer">
        <el-row type="flex" justify="center">
            <el-col :span="16">
                <p>{{footer.legalInf}}</p>
                <p>{{footer.reservedInf}}</p>
                <p>{{footer.otherInf}}</p>
            </el-col>
        </el-row>
    </div>
</template>

<script>
    export default {
        name: "Footer",
        data() {
            return {
                msg: "这是一个footer组件",
                footer: {
                    legalInf: "京ICP备xxxxxxxx号 网络出版服务许可证（总）网出证（京）  字第xxx号  京ICP证xxxxxx号  京公网安备xxxxxxxxxxxxxx",
                    reservedInf: "2019 All Rights Reserved 旧书馆 版权所有",
                    otherInf: "不良信息举报：zhichenghe_hy@xxx.com 举报电话：010-xxxxxxxx"
                }
            }
        }
    }
</script>

<style scoped>
    .el-col {
        height: 100px;
        margin-top: 40px;
    }

    .cus-footer {
        height: 140px;
        background-color: #f0f0f0;
    }
    .footer-row{
        margin-top: 40px;
    }

    p{
        font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
        font-size: 12px;
        color: #9e9e9e;
        text-align: center;
        margin: 0;
        line-height: 20px;
    }
</style>